<template>
	<view class="bg">
		<xl-navbar title="Divider 分隔线" fixed shadow></xl-navbar>
		<view class="title">基础样式</view>
		<xl-divider-tip>默认</xl-divider-tip>
		<view class="title">设置线颜色，可单色，也可以渐变</view>
		<xl-divider-tip lineColor="#409EFF">分隔线颜色</xl-divider-tip>
		<xl-divider-tip :lineColor="['#fff', '#F56C6C']">渐变颜色</xl-divider-tip>
		<view class="title">设置线条宽度</view>
		<xl-divider-tip width="60%">线条宽度</xl-divider-tip>
		<view class="title">设置提示字体大小、颜色</view>
		<xl-divider-tip width="80%" :fontSize="14" textColor="#0a93ff">字体大小颜色</xl-divider-tip>
		<view class="title">设置提示背景(默认白色)，适应不同页面背景</view>
		<xl-divider-tip width="60%" backgroundColor="#f1f1f1">提示背景</xl-divider-tip>
		<view class="title">添加Loading</view>
		<xl-divider-tip :loading="true" :lineColor="['#fff', '#888']">加载中</xl-divider-tip>
	</view>
</template>

<script setup>
	import { ref, onMounted, computed } from "vue";
	
</script>
